<template>
  <div class="hello">
    <CommentInput></CommentInput>
    <CommentList></CommentList>
  </div>
</template>

<script>
import CommentInput from '@/components/CommentInput';
import CommentList from '@/components/CommentList';
export default {
    name: 'comment-app',
    components: {CommentList, CommentInput},
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.hello{
  width: 95%;
  border: 1px solid #ddd;
  min-height: 400px;
  margin: 0 auto;
}
</style>
